<template>
    <div>
        <H1>{{ name }} About Page</H1>
    </div>
</template>

<script>
import { mapState } from 'vuex';

export default {
    name: 'about',
    
    data: function () {
        return {
            // this time do nothing.
        };
    },

    mounted() {
        // this time do nothing.
    },

    computed: {
        // ...mapState([
        //     name
        // ]),
        ...mapState({
            'name': 'name'
        })
    }
}
</script>

<style>

</style>
